 <template>
  <div class="app-container">
 <div style="width:180px; height:180px;"> <e-charts ref="situationChart" :chart-option="applyOption" /> </div>
  </div>
</template>
<script>
import ECharts from '@/views/components/ECharts'
export default {
  components: {
    ECharts
  },
  data () {
    return {
      applyOption: {} // 饼图
    }
  },
  created () {
    this.init()
  },
  methods: {
    init () {
      this.$nextTick(() => {
        this.applyOption = {
          tooltip: {
            trigger: 'item',
            backgroundColor: '#ffffff'

          },
          color: ['#4fcb74', '#3ba1ff'],
          legend: {
            orient: 'vertical',
            left: 'left',
            data: [
              { name: '', icon: 'none' },
              { name: '', icon: 'none' }
            ],
            inactiveColor: '#fff', // 未选择显示的文字颜色
            selectedMode: false // 取消点击事件
          },
          series: [
            {
              name: '申请学生总人数比例',
              type: 'pie',
              radius: '50%',
              data: [
                { value: 700, name: '女' },
                { value: 968, name: '男' }
              ],
              emphasis: {
                itemStyle: {
                  shadowBlur: 10,
                  shadowOffsetX: 0,
                  shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
              },
              label: {
                normal: {
                  show: false
                }
              },
              lableLine: {
                normal: {
                  show: false
                }
              }
            }
          ]
        }
      })
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
